<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<html>
<head>
<meta name="decorator" content="front" />
<title>按天包车</title>
<link href="${ctxStatic }/cityselector/cityselect.css" rel='stylesheet'type='text/css' />
<script type="text/javascript" src="${ctxStatic }/cityselector/cityselect.js"></script>
<style type="text/css">
.WdateDiv .dpButton{
	background-color: #88BF10;
}
.Wdate{
	height: 26px;
	border:1px solid #dddddd;
}
</style>
<script type="text/javascript">
$(function(){
	// 初始化站点选择框
	$.post('${ctxFront}/info/site/siteJson',{spottypes:'0,b'}, function(data) {
		var allCity = data;//['北京市#001#1|beijing|bj','上海市#002#0|shanghai|sh'];
		new Vcity.CitySelector({input:'departcity_sitename1',cityData:allCity});
		new Vcity.CitySelector({input:'destcity_sitename1',cityData:allCity});
	});
	//日包车提交
	$('#daysearch').click(function(){
		var val=$('#dayRentType').val();
		var destcity=$('#destcity_sitename1').val();
		if(val=='跨市' && destcity=='') {
			alert("目的地不能为空");
		} else {
			$('#dayRentForm').submit();
		}
	});
	// 日租包车包车类型处理
	$('.dayRentTab').click(function(){
		$('.dayRentTab').removeClass('flex_con_top_action');
		$(this).addClass('flex_con_top_action');
		$('#dayRentType').val($(this).attr('data-value'));
		changeRentType($(this).attr('data-value'));
	});
	$('#dayRentType').change(function(){
		changeRentType($(this).val());
	});
	
});
function changeRentType(val){
	if(val=='市内') {
		$('#destcity_sitename1').val("");
		$('#destcity.siteid1').val("");
		$('#day_destcity_code_div').hide();
	}
	if(val=='跨市') {
		$('#day_destcity_code_div').show();
	}
}
</script>
</head>
<body>
	<input type="hidden" id="menuInfo" value="indexDayRent">
	<!-- 轮播广告 -->
	<div id="banner_tabs" class="flexslider flexslider_height">
		<ul class="slides">
			<c:forEach items="${sysAdsList }" var="sysAds">
				<li>
					<a target="_blank" href="${pageContext.request.contextPath}/${sysAds.linkurl }">
						<img alt="" class="flexslider_height" style="background: url(${sysAds.pageurl }) no-repeat;background-position: center;" />
					</a>
				</li>
			</c:forEach>
		</ul>
		<ul class="flex-direction-nav">
			<li><a class="flex-prev" href="javascript:;">Previous</a></li>
			<li><a class="flex-next" href="javascript:;">Next</a></li>
		</ul>
		<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
			<c:forEach items="${sysAdsList }" var="sysAds" varStatus="vs">
				<li><a>${vs.index+1 }</a></li>
			</c:forEach>
		</ol>
		<div class="index_select">
			<div id="flex_con_1" class="flex_con2 font_normal_size">
				<form id="dayRentForm" action="${ctxFront}/rentproduct/list" method="post">
					<input id="dayRentType" type="hidden" name="tabType" value="市内"/>
					<input type="hidden" name="rentType" value="${ORDER_TYPE_RENTPRODUCT_DAY }"/>
					<div class="flex_con_all">
						<div class="flex_con_top flex_con_line">
							<div class="dayRentTab flex_con_top_action" data-value="市内">市内包车</div>
							<div class="dayRentTab" data-value="跨市">跨市包车</div>
						</div>
						<div class="clear"></div>
						<div class="flex_con_line">
							<label class="display_ib">出发地</label>
							<input type="text" id="departcity_sitename1" data-autocity="yes" class="display_ib flex_select1" name="departcity.sitename" value="" placeholder="请输入出发地" autocomplete="off">
							<input type="hidden" name="departcity.siteid" value="">
						</div>
						<div class="flex_con_line hide" id="day_destcity_code_div">
							<label class="display_ib">目的地</label>
							<input type="text" id="destcity_sitename1" class="display_ib flex_select1" name="destcity.sitename" value="" placeholder="请输入目的地" autocomplete="off">
							<input type="hidden" id="destcity.siteid1" name="destcity.siteid" value="">
						</div>
						<div class="flex_con_line">
							<label class="display_ib">包车天数</label>
							<select name="daysnum" class="display_ib flex_select1" style="padding-left: 0">
								<c:forEach items="1,2,3,4,5,6,7,8,9,10" var="day">
									<option value="${day }">${day }天</option>
								</c:forEach>
							</select>
						</div>
						<div class="flex_con_line">
							<label class="display_ib">出发日期</label>
							<input type="text" name="fromdateStr" readonly class="display_ib flex_input_ty1 Wdate" value="${tomorrow }"
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,minDate:'${today}'});"/>
							<input type="text" name="time" readonly class="display_ib flex_input_th1 Wdate" value="${time }"
								onclick="WdatePicker({dateFmt:'HH:mm',isShowClear:false});"/>
						</div>
						<div class="flex_con_line">
							<div id="daysearch" class="float_r flex_con_search1 pointer" style="margin-top: 5px;">
								搜索
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<div class="con_hot">
		<div class="con_hot_title">
			<p class="font_large_size">热门城市精选</p>
			<p class="font_normal_size">惊爆一口价 优惠享不停</p>
		</div>
		<div class="con_hot_city">
			<div class="con_hot_city_green">常州</div>
			<div class="con_hot_city_gray">上海</div>
			<div class="con_hot_city_gray">无锡</div>
			<div class="con_hot_city_gray">苏州</div>
			<div class="con_hot_city_gray">杭州</div>
			<div class="con_hot_city_gray">黄山</div>
			<div class="con_hot_city_gray">南京</div>
			<div class="con_hot_city_gray">合肥</div>
			<div class="con_hot_city_gray" style="margin: 0">扬州</div>
		</div>
		<div class="clear"></div>
		<div class="con_hot_product ">
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>19座中巴</span>含车/险/驾  可乘18人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_1.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>33座中巴</span>含车/险/驾  可乘32人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_2.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>45座中巴</span>含车/险/驾  可乘44人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_3.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>19座中巴</span>含车/险/驾  可乘18人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_4.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<!-- <div class="con_more font_normal_size">更多</div> -->
		<div class="con_more_repair"></div>
	</div>
	<div class="con_img_bg">
		<div class="con_img">
			<img src="${ctxStatic}/xiake/images/dayRent1.png" />
		</div>
	</div>
	<div class="con_character2 hide">
		<div class="con_evaluate_title">
			<p class="font_large_size">如何预定</p>
		</div>
		<div class="con_character_c2">
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_dr2.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_dr3.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_dr4.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_dr5.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_dr6.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_dr1.png"/></div>
			</div>			
			<div class="clear"></div>
		</div>
	</div>
	<div class="con_character2 hide">
		<div class="con_evaluate_title">
			<p class="font_large_size">产品特色</p>
		</div>
		<div class="con_character_c">
			<div class="con_character_f">
			
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_6.png"/></div>
				<div class="con_character_h2 font_larger_size">车队直供</div>
				<div class="con_character_h2 font_larger_size">用车有保障</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_19.png"/></div>
				<div class="con_character_h2 font_larger_size">车型丰富</div>
				<div class="con_character_h2 font_larger_size">满足多样化需求</div>
		</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_8.png"/></div>
				<div class="con_character_h2 font_larger_size">价格实惠</div>
				<div class="con_character_h2 font_larger_size">多种套餐可供选择</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_15.png"/></div>
				<div class="con_character_h2 font_larger_size">线上预定</div>
				<div class="con_character_h2 font_larger_size">方便快捷省时省心</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</body>
</html>